@import "element-variables";
.color-red {
  color: $--color-danger;
}
.bg-red {
  background: $--color-danger;
}
.bg-gray {
  background: $bg-color-grey;
}
.border-red {
  border: 1px solid $--color-danger;
}

.color-primary {
  color: $--color-primary;
}

.bg-primary {
  background: $--color-primary;
}

.color-white {
  color: #fff;
}
.color-black {
  color: #000;
}

.bg-white {
  background: #fff;
}
.color-text {
  color: $text-color;
}
.color-text-blue {
  color: $text-color-blue;
}
.color-warning {
  color: $--color-warning;
}
.bg-warning {
  background: $--color-warning;
}
.color-success {
  color: $--color-success;
}
.color-grey{
  color: $text-color-grey;
}

.bg-success {
  background: $--color-success;
}
.ti2 {
  text-indent: 2em; /* 首行缩进2个字符 */
}
.fw400 {
  font-weight: 400;
}

.fw500 {
  font-weight: 500;
}

.fw600 {
  font-weight: 600;
}

.fwbold {
  font-weight: bold;
}

.fwbolder {
  font-weight: bolder;
}

.fs-xxs {
  font-size: 0.5714rem;
}

.fs-xs {
  font-size: 0.7143rem;
}

.fs-sm {
  font-size: 0.8571rem;
}

.fs-md {
  font-size: 1rem;
}

.fs-lg {
  font-size: 1.1429rem;
}

.fs-xl {
  font-size: 1.4286rem;
}

.fs8 {
  font-size: 8px;
}

.fs10 {
  font-size: 10px;
}

.fs12 {
  font-size: 12px;
}

.fs14 {
  font-size: 14px;
}
.fs15 {
  font-size: 15px;
}
.fs16 {
  font-size: 16px;
}

.fs18 {
  font-size: 18px;
}

.fs20 {
  font-size: 20px;
}

.fs22 {
  font-size: 22px;
}

.fs24 {
  font-size: 24px;
}

.fs26 {
  font-size: 26px;
}

.fs28 {
  font-size: 28px;
}

.fs30 {
  font-size: 30px;
}

.fs32 {
  font-size: 32px;
}

.fs34 {
  font-size: 34px;
}

.fs36 {
  font-size: 36px;
}

.ml5 {
  margin-left: 5px;
}

.mr5 {
  margin-right: 5px;
}

.mt5 {
  margin-top: 5px;
}

.mb5 {
  margin-bottom: 5px;
}

.mg5 {
  margin: 5px;
}

.pl5 {
  padding-left: 5px;
}

.pr5 {
  padding-right: 5px;
}

.pt5 {
  padding-top: 5px;
}

.pb5 {
  padding-bottom: 5px;
}

.pd5 {
  padding: 5px;
}

.ml10 {
  margin-left: 10px;
}

.mr10 {
  margin-right: 10px;
}

.mt10 {
  margin-top: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.mg10 {
  margin: 10px;
}

.pl10 {
  padding-left: 10px;
}

.pr10 {
  padding-right: 10px;
}

.pt10 {
  padding-top: 10px;
}

.pb10 {
  padding-bottom: 10px;
}

.pd10 {
  padding: 10px;
}

.ml15 {
  margin-left: 15px;
}

.mr15 {
  margin-right: 15px;
}

.mt15 {
  margin-top: 15px;
}

.mb15 {
  margin-bottom: 15px;
}

.mg15 {
  margin: 15px;
}

.pl15 {
  padding-left: 15px;
}

.pr15 {
  padding-right: 15px;
}

.pt15 {
  padding-top: 15px;
}

.pb15 {
  padding-bottom: 15px;
}

.pd15 {
  padding: 15px;
}

.ml20 {
  margin-left: 20px;
}

.mr20 {
  margin-right: 20px;
}

.mt20 {
  margin-top: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.mg20 {
  margin: 20px;
}

.pl20 {
  padding-left: 20px;
}

.pr20 {
  padding-right: 20px;
}

.pt20 {
  padding-top: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

.pd20 {
  padding: 20px;
}

.ml25 {
  margin-left: 25px;
}

.mr25 {
  margin-right: 25px;
}

.mt25 {
  margin-top: 25px;
}

.mb25 {
  margin-bottom: 25px;
}

.mg25 {
  margin: 25px;
}

.pl25 {
  padding-left: 25px;
}

.pr25 {
  padding-right: 25px;
}

.pt25 {
  padding-top: 25px;
}

.pb25 {
  padding-bottom: 25px;
}

.pd25 {
  padding: 25px;
}

.ml30 {
  margin-left: 30px;
}

.mr30 {
  margin-right: 30px;
}

.mt30 {
  margin-top: 30px;
}

.mb30 {
  margin-bottom: 30px;
}

.mg30 {
  margin: 30px;
}

.pl30 {
  padding-left: 30px;
}

.pr30 {
  padding-right: 30px;
}

.pt30 {
  padding-top: 30px;
}

.pb30 {
  padding-bottom: 30px;
}

.pd30 {
  padding: 30px;
}

.ml35 {
  margin-left: 35px;
}

.mr35 {
  margin-right: 35px;
}

.mt35 {
  margin-top: 35px;
}

.mb35 {
  margin-bottom: 35px;
}

.mg35 {
  margin: 35px;
}

.pl35 {
  padding-left: 35px;
}

.pr35 {
  padding-right: 35px;
}

.pt35 {
  padding-top: 35px;
}

.pb35 {
  padding-bottom: 35px;
}

.pd35 {
  padding: 35px;
}

.ml40 {
  margin-left: 40px;
}

.mr40 {
  margin-right: 40px;
}

.mt40 {
  margin-top: 40px;
}

.mb40 {
  margin-bottom: 40px;
}

.mg40 {
  margin: 40px;
}

.pl40 {
  padding-left: 40px;
}

.pr40 {
  padding-right: 40px;
}

.pt40 {
  padding-top: 40px;
}

.pb40 {
  padding-bottom: 40px;
}

.pd40 {
  padding: 40px;
}

.ml45 {
  margin-left: 45px;
}

.mr45 {
  margin-right: 45px;
}

.mt45 {
  margin-top: 45px;
}

.mb45 {
  margin-bottom: 45px;
}

.mg45 {
  margin: 45px;
}

.pl45 {
  padding-left: 45px;
}

.pr45 {
  padding-right: 45px;
}

.pt45 {
  padding-top: 45px;
}

.pb45 {
  padding-bottom: 45px;
}

.pd45 {
  padding: 45px;
}

.ml50 {
  margin-left: 50px;
}

.mr50 {
  margin-right: 50px;
}

.mt50 {
  margin-top: 50px;
}

.mb50 {
  margin-bottom: 50px;
}

.mg50 {
  margin: 50px;
}

.pl50 {
  padding-left: 50px;
}

.pr50 {
  padding-right: 50px;
}

.pt50 {
  padding-top: 50px;
}

.pb50 {
  padding-bottom: 50px;
}

.pd50 {
  padding: 50px;
}

.ml55 {
  margin-left: 55px;
}

.mr55 {
  margin-right: 55px;
}

.mt55 {
  margin-top: 55px;
}

.mb55 {
  margin-bottom: 55px;
}

.mg55 {
  margin: 55px;
}

.pl55 {
  padding-left: 55px;
}

.pr55 {
  padding-right: 55px;
}

.pt55 {
  padding-top: 55px;
}

.pb55 {
  padding-bottom: 55px;
}

.pd55 {
  padding: 55px;
}

.ml60 {
  margin-left: 60px;
}

.mr60 {
  margin-right: 60px;
}

.mt60 {
  margin-top: 60px;
}

.mb60 {
  margin-bottom: 60px;
}

.mg60 {
  margin: 60px;
}

.pl60 {
  padding-left: 60px;
}

.pr60 {
  padding-right: 60px;
}

.pt60 {
  padding-top: 60px;
}

.pb60 {
  padding-bottom: 60px;
}

.pd60 {
  padding: 60px;
}

.ml65 {
  margin-left: 65px;
}

.mr65 {
  margin-right: 65px;
}

.mt65 {
  margin-top: 65px;
}

.mb65 {
  margin-bottom: 65px;
}

.mg65 {
  margin: 65px;
}

.pl65 {
  padding-left: 65px;
}

.pr65 {
  padding-right: 65px;
}

.pt65 {
  padding-top: 65px;
}

.pb65 {
  padding-bottom: 65px;
}

.pd65 {
  padding: 65px;
}

.ml70 {
  margin-left: 70px;
}

.mr70 {
  margin-right: 70px;
}

.mt70 {
  margin-top: 70px;
}

.mb70 {
  margin-bottom: 70px;
}

.mg70 {
  margin: 70px;
}

.pl70 {
  padding-left: 70px;
}

.pr70 {
  padding-right: 70px;
}

.pt70 {
  padding-top: 70px;
}

.pb70 {
  padding-bottom: 70px;
}

.pd70 {
  padding: 70px;
}

.ml75 {
  margin-left: 75px;
}

.mr75 {
  margin-right: 75px;
}

.mt75 {
  margin-top: 75px;
}

.mb75 {
  margin-bottom: 75px;
}

.mg75 {
  margin: 75px;
}

.pl75 {
  padding-left: 75px;
}

.pr75 {
  padding-right: 75px;
}

.pt75 {
  padding-top: 75px;
}

.pb75 {
  padding-bottom: 75px;
}

.pd75 {
  padding: 75px;
}

.ml80 {
  margin-left: 80px;
}

.mr80 {
  margin-right: 80px;
}

.mt80 {
  margin-top: 80px;
}

.mb80 {
  margin-bottom: 80px;
}

.mg80 {
  margin: 80px;
}

.pl80 {
  padding-left: 80px;
}

.pr80 {
  padding-right: 80px;
}

.pt80 {
  padding-top: 80px;
}

.pb80 {
  padding-bottom: 80px;
}

.pd80 {
  padding: 80px;
}

.ml85 {
  margin-left: 85px;
}

.mr85 {
  margin-right: 85px;
}

.mt85 {
  margin-top: 85px;
}

.mb85 {
  margin-bottom: 85px;
}

.mg85 {
  margin: 85px;
}

.pl85 {
  padding-left: 85px;
}

.pr85 {
  padding-right: 85px;
}

.pt85 {
  padding-top: 85px;
}

.pb85 {
  padding-bottom: 85px;
}

.pd85 {
  padding: 85px;
}

.ml90 {
  margin-left: 90px;
}

.mr90 {
  margin-right: 90px;
}

.mt90 {
  margin-top: 90px;
}

.mb90 {
  margin-bottom: 90px;
}

.mg90 {
  margin: 90px;
}

.pl90 {
  padding-left: 90px;
}

.pr90 {
  padding-right: 90px;
}

.pt90 {
  padding-top: 90px;
}

.pb90 {
  padding-bottom: 90px;
}

.pd90 {
  padding: 90px;
}

.ml95 {
  margin-left: 95px;
}

.mr95 {
  margin-right: 95px;
}

.mt95 {
  margin-top: 95px;
}

.mb95 {
  margin-bottom: 95px;
}

.mg95 {
  margin: 95px;
}

.pl95 {
  padding-left: 95px;
}

.pr95 {
  padding-right: 95px;
}

.pt95 {
  padding-top: 95px;
}

.pb95 {
  padding-bottom: 95px;
}

.pd95 {
  padding: 95px;
}

.ml100 {
  margin-left: 100px;
}

.mr100 {
  margin-right: 100px;
}

.mt100 {
  margin-top: 100px;
}

.mb100 {
  margin-bottom: 100px;
}

.mg100 {
  margin: 100px;
}

.pl100 {
  padding-left: 100px;
}

.pr100 {
  padding-right: 100px;
}

.pt100 {
  padding-top: 100px;
}

.pb100 {
  padding-bottom: 100px;
}

.pd100 {
  padding: 100px;
}

.mt6 {
  margin-top: 6px;
}

.mt8 {
  margin-top: 8px;
}

.boxSizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fixedTop {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
}

.fixedBottom {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 10000;
}

.showMouse {
  cursor: pointer;
}

.showBlue:hover {
  color: #1890ff;
}

.border-bottom-gray {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.border-right {
  border-right: 1px solid rgba(0, 0, 0, 0.8);
}

.background-color-blue {
  background: #1890ff;
}

.width-1 {
  width: 4.16667%;
}

.width-2 {
  width: 8.33333%;
}

.width-3 {
  width: 12.5%;
}

.width-4 {
  width: 16.66667%;
}

.width-5 {
  width: 20.83333%;
}

.width-6 {
  width: 25%;
}

.width-7 {
  width: 29.16667%;
}

.width-8 {
  width: 33.33333%;
}

.width-9 {
  width: 37.5%;
}

.width-10 {
  width: 41.66667%;
}

.width-11 {
  width: 45.83333%;
}

.width-12 {
  width: 50%;
}

.width-13 {
  width: 54.16667%;
}

.width-14 {
  width: 58.33333%;
}

.width-15 {
  width: 62.5%;
}

.width-16 {
  width: 66.66667%;
}

.width-17 {
  width: 70.83333%;
}

.width-18 {
  width: 75%;
}

.width-19 {
  width: 79.16667%;
}

.width-20 {
  width: 83.33333%;
}

.width-21 {
  width: 87.5%;
}

.width-22 {
  width: 91.66667%;
}

.width-23 {
  width: 95.83333%;
}

.width-24 {
  width: 100%;
}

.height-1 {
  height: 4.16667%;
}

.height-2 {
  height: 8.33333%;
}

.height-3 {
  height: 12.5%;
}

.height-4 {
  height: 16.66667%;
}

.height-5 {
  height: 20.83333%;
}

.height-6 {
  height: 25%;
}

.height-7 {
  height: 29.16667%;
}

.height-8 {
  height: 33.33333%;
}

.height-9 {
  height: 37.5%;
}

.height-10 {
  height: 41.66667%;
}

.height-11 {
  height: 45.83333%;
}

.height-12 {
  height: 50%;
}

.height-13 {
  height: 54.16667%;
}

.height-14 {
  height: 58.33333%;
}

.height-15 {
  height: 62.5%;
}

.height-16 {
  height: 66.66667%;
}

.height-17 {
  height: 70.83333%;
}

.height-18 {
  height: 75%;
}

.height-19 {
  height: 79.16667%;
}

.height-20 {
  height: 83.33333%;
}

.height-21 {
  height: 87.5%;
}

.height-22 {
  height: 91.66667%;
}

.height-23 {
  height: 95.83333%;
}

.height-24 {
  height: 100%;
}

.row-start {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.row-end {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.row-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.row-spaceb {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.row-spacea {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.col-start {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.col-end {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.col-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}

.col-spaceb {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: wrap;
}

.col-spacea {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  flex-wrap: wrap;
}

.wrap {
  flex-wrap: wrap;
}

.center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.row-start-col-center {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.row-end-col-center {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.row-start-col-end {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
}
.row-end-col-start {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
}
.row-spaceb-col-center {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.row-center-col-center{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.flexTwoEnd {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.flexStart {
  display: flex;
  flex-direction: row;
}

.flexColCenter {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.flexStartCol {
  display: flex;
  flex-direction: column;
}

.flexCenterCol {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}



.fs15 {
  font-size: 15px;
}

.w100 {
  width: 100%;
}

.w98 {
  width: 98%;
}

.w90 {
  width: 90px;
}

.w70 {
  width: 70px;
}

.w40 {
  width: 40px;
}

.w20 {
  width: 20px;
}

.w30 {
  width: 30px;
}

.w50 {
  width: 50px;
}

.w60 {
  width: 60px;
}

.h100p {
  height: 100%;
}

.h100 {
  height: calc(100vh - 160px);
}

.hvh100 {
  height: 100vh;
}

#app {
  height: 100%;
}

.single-feature {
  background: #ffffff;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.single-feature:hover {
  background: #ffffff;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}

.border-b {
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.2);
}

.tc {
  text-align: center;
}

.tr {
  text-align: right;
}

.relposition {
  position: relative;
}

.absposition {
  position: absolute;
}

.box-shadow {
  background: #ffffff;
  box-shadow: 0px 5px 15px $border-color;
}
.card-shadow {
  box-shadow: 0px 2px 4px 0px $border-color;
  border-radius: 4px 4px 4px 4px;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.card-shadow:hover {
  box-shadow: 0px 4px 8px 0px $border-color;
  transform: translateY(-10px);
}
.small-card-border {
  border:  solid #ededed;
  border-radius: 4px 4px 4px 4px;
}
.small-card-border:hover {
  background-color: rgb(252,241,231);
  color: #D32521;
  border: 1px solid #D32521;
}

.bg-shadow {
  box-shadow: 0 0 9px 3px rgba(244, 244, 246, 0.8);
}

.radius10 {
  border-radius: 10px;
}

.radius20 {
  border-radius: 20px;
}

.radius20t {
  border-radius: 20px 20px 0px 0px;
}

.radius10t {
  border-radius: 10px 10px 0px 0px;
}

.pd16 {
  padding: 16px;
}

.anchorBL {
  display: none;
}

.custom-select ::v-deep .el-input__inner {
  border: 0px;
  background-color: #323091;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
}

.el-dialog__body {
  padding: 20px 30px 30px 30px;
}

.vision-select ::v-deep .el-input__inner {
  border: 0px;
  background-color: #323091;
  font-family: PingFangSC-Regular;
  font-size: 1.54vmin;
  color: rgba(255, 255, 255, 0.7);
}

.vision-select ::v-deep .el-input--mini .el-input__inner {
  height: 2.8vmin;
  line-height: 2.8vmin;
}

.vision-popper ::v-deep .el-select-dropdown__item {
  height: 3.6286vmin;
  line-height: 3.6286vmin;
  min-height: 34px;
  font-size: 1.54vmin;
}

.custom-radio ::v-deep .el-radio-button__inner {
  background: #5f41c5;
  color: rgba(255, 255, 255, 0.7);
  border-color: #5f41c5;
}

.custom-radio ::v-deep .el-radio-button--mini .el-radio-button__inner {
  font-size: 1.54vmin;
}

.custom-table.dv-scroll-board ::v-deep .row-item div {
  font-size: 36px;
}

.custom-table.dv-scroll-board ::v-deep .header .header-item {
  font-size: 36px;
}


.my-dialog {
  .el-dialog__header {
    position: relative;
    padding-left: 35px;

    &::before {
      content: '';
      position: absolute;
      top: 30px;
      left: 20px;
      display: block;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background-color: $--color-primary;
    }

    .el-dialog__title {
      font-size: 14px;
      font-weight: bold;
    }
  }

  
  .el-button {
    min-width: 88px;
    border-radius: 3px !important;
    font-size: 14px!important;
    padding: 8px 20px!important;
  }

  .el-button--info {
    background-color: #CFCFCF!important;
    border-color: #CFCFCF!important;
    color: $text-color!important;
  }
}

.el-table{
  &::before{
    // height: 0;
  }
  .el-table__header{
    th.el-table__cell{
      background-color: #F0F0F0!important;
    }
  }
  .el-table__body{
    .el-table__row{
      .el-table__cell{
        border-bottom: 0;
      }
      &:nth-child(even){
        .el-table__cell{
          background-color: #F7F8F9!important;
        }
      }
      
    }
  }
  
}